<template>
	<view class="">
		<swiper class="swiper swip-img" :circular="true" :indicator-dots='true'>
			<swiper-item>
				<image src="../../static/images/hehadj.jpg" mode=""></image>
			</swiper-item>
			<swiper-item>
				<image src="../../static/images/bannergy.jpg" mode="" ></image>
			</swiper-item>
			<swiper-item>
				<image src="../../static/images/hohlejd.jpg" mode=""></image>
			</swiper-item>
		</swiper>
		<view class="tance-dzdiv">
			<view class="Grand-hohel">{{hotel_info.name}}</view>
			<view class="distance-dz">
				<view class="Map-dz">
					<view>{{hotel_info.address}}</view>
					<text class="iconfont icon-map-1"></text>
				</view>
				<view class="Map-distance">
					<text class="Map-dis">距离您0.3公里</text>
					<view class="Map-lock" id="consult">查看地图></view>
				</view>
			</view>
		</view>
		<view class="luggagexq-detail">
			<view class="luggagexq">
				<view class="tan-img">
					<image src="../../static/images/duide.png"/></image>
					<view>行李寄存</view>
				</view>
				<view class="tan-img">
					<image src="../../static/images/duide.png"/></image>
					<view>24小时前台</view>
				</view>
				<view class="tan-img">
					<image src="../../static/images/duide.png"/></image>
					<view>免费wifi</view>
				</view>
				
			</view>
			<view class="luggagexq-xljc" @click="Telephone" >
				详情/电话>
			</view>
		</view>
		<view id="checkinout">
			<view id="firstSelect" style="width:100%;" @click="cenlenddate">
				<view class="Date_lr" style="float:left;">
				<text>入住</text>
					<view class="endDate">{{start_time}}</view>
				</view>
				<view class="Date_lr" style="float:right;">
					<text>离店</text>
					<view class="endDate">{{end_time}}</view>
				</view>
				<text class="span21">共<text class="NumDate">{{count_time}}</text>晚</text>
			</view>
		</view>
		<view class="standard-ul">
			<view class="standard-dac">
				<image src="../../static/images/hehadj.jpg"/></image>
				<view class="stand-textb">
					<view class="Bigstandard">
						<text class="Big-bed">标准大床房</text>
						<text><text class="Big-myf">￥</text><text class="Big-number">279</text></text>
					</view>
					<view class="Reserve-int">
						<view class="tions-line">
							<view class="Specifications">
								<text>25m²</text>
								<text>大床1.8m</text>
								<text>有WI-FI</text>
							</view>
							<view class="On-line">
								<text>在线付</text>
								<text>不可取消</text>
							</view>
						</view>
						<view class="erve-btn">
							<input type="button" name="" id="" value="预定" disabled="disabled" @click="reserve"/>
						</view>
					</view>
				</view>
			</view>
			<view class="standard-dac">
				<image src="../../static/images/hehadj.jpg"/></image>
				<view class="stand-textb">
					<view class="Bigstandard">
						<text class="Big-bed">标准大床房</text>
						<text><text class="Big-myf">￥</text><text class="Big-number">279</text></text>
					</view>
					<view class="Reserve-int">
						<view class="tions-line">
							<view class="Specifications">
								<text>25m²</text>
								<text>大床1.8m</text>
								<text>有WI-FI</text>
							</view>
							<view class="On-linecolor">
								<text>在线付</text>
								<text>不可取消</text>
							</view>
						</view>
						<view href="reserve.html" class="erve-btn">
							<input type="button" name="" id="" value="预定" disabled="disabled" @click="reserve"/>
						</view>
					</view>
				</view>
			</view>
			<view class="standard-dac">
				<image src="../../static/images/hehadj.jpg"/></image>
				<view class="stand-textb">
					<view class="Bigstandard">
						<view class="Big-bed">标准大床房</view>
						<view><text class="Big-myf">￥</text><text class="Big-number">279</text></view>
					</view>
					<view class="Reserve-intcolor">
						<view class="tions-line">
							<view class="Specifications">
								<text>25m²</text>
								<text>大床1.8m</text>
								<text>有WI-FI</text>
							</view>
							<view class="On-linecolor">
								<text>在线付</text>
								<text>不可取消</text>
							</view>
						</view>
						<view href="reserve.html" class="erve-Sold">
							<input type="button" name="" id="" value="已售完" disabled="disabled"/>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view  class="evaluate">
			<view class="household-dpzh">
				<view class="household">住户评价</view>
				<view class="Comment" @click="mentdp">138条点评 ></view>
			</view>
			<view>
				<view class="hold-xitta">
					<view class="name-header">
						<image src="../../static/images/header-t.jpg" class="header-img"/></image>
						<view class="name-detaid">
							<view>这是我的小名</view>
							<text>2019-6-20</text>
						</view>
					</view>
					<view class="household-xits">
						<image src="../../static/images/xits2.png"/></image>
						<image src="../../static/images/xits2.png"/></image>
						<image src="../../static/images/xits2.png"/></image>
						<image src="../../static/images/xits2.png"/></image>
						<image src="../../static/images/xits1.png"/></image>
					</view>
				</view>
				<text class="evaluate-nr">观云旅业海峡阳光大酒店（林城西路店）观云旅业海峡阳光大酒店（林城西路店）观云旅业海峡阳光大酒店（林城西路店）观云旅业海峡阳光大酒店（林城西路店）</text>
				<view class="hohl-aimg">
					<image src="../../static/images/hohlejd.jpg"/></image>
					<image src="../../static/images/hohlejd.jpg"/></image>
					<image src="../../static/images/hohlejd.jpg"/></image>
				</view>
			</view>
		</view>
		
		<!--图文详情-->
		<view class="Image-text">
			<view>图文详情</view>
			<image src="../../static/images/hehadj.jpg"/></image>
			<image src="../../static/images/jiaxl.jpg"/></image>
		</view>
		
		<view>
			<view class="gy-titele">
				为您推荐
			</view>
			<view class="Price-list-ul"> 
				<view class="Price-list-li" @click="dateilslist">
					<image src="../../static/images/hohlejd.jpg" class="Room-img"/></image>
					<view class="room-money">
						<view class="room-titeli">观云旅业海峡阳光大酒店（林城西路店）</view>
						<view class="room-p">
							<text class="room-pgood">满意度90%</text>
							<text class="room-volume">销量：999</text>
						</view>
						<view class="room-distance">距您直线1km，靠近美乐城</view>
						<view class="Label-tt">
							<view class="Label-btn01">天天特惠</view>
							<view class="Label-btn02">免费取消</view>
						</view>
						<view class="Price-money">
							<view class="Price-money-a">￥</view>
							<view class="Price-money-b">158</view>
							<view class="Price-money-a">起</view>
						</view>
					</view>
				</view>
				<view class="Price-list-li" @click="dateilslist">
					<image src="../../static/images/hohlejd.jpg" class="Room-img"/></image>
					<view class="room-money">
						<view class="room-titeli">观云旅业海峡阳光大酒店（林城西路店）</view>
						<view class="room-p">
							<text class="room-pgood">满意度90%</text>
							<text class="room-volume">销量：999</text>
						</view>
						<view class="room-distance">距您直线1km，靠近美乐城</view>
						<view class="Label-tt">
							<view class="Label-btn01">天天特惠</view>
							<view class="Label-btn02">免费取消</view>
						</view>
						<view class="Price-money">
							<view class="Price-money-a">￥</view>
							<view class="Price-money-b">158</view>
							<view class="Price-money-a">起</view>
						</view>
					</view>
				</view>
				<view class="Price-list-li" @click="dateilslist">
					<image src="../../static/images/hohlejd.jpg" class="Room-img"/></image>
					<view class="room-money">
						<view class="room-titeli">观云旅业海峡阳光大酒店（林城西路店）</view>
						<view class="room-p">
							<text class="room-pgood">满意度90%</text>
							<text class="room-volume">销量：999</text>
						</view>
						<view class="room-distance">距您直线1km，靠近美乐城</view>
						<view class="Label-tt">
							<view class="Label-btn01">天天特惠</view>
							<view class="Label-btn02">免费取消</view>
						</view>
						<view class="Price-money">
							<view class="Price-money-a">￥</view>
							<view class="Price-money-b">158</view>
							<view class="Price-money-a">起</view>
						</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>
 
<script>
	// import {uniSwiperDot} from "@/components/uni-swiper-dot/uni-swiper-dot.vue";
	export default {
		data(){
			return {
				end_time:'请选择',
				start_time:'请选择',
				count_time:'1',
				hotel_info:{
					name:'海峡阳光',
					address:"林城西路8号",
				}
			}
		},
		onShow(){
			let endsat_time = uni.getStorageSync("select_date");
			this.end_time = endsat_time.endDate.month+'月'+endsat_time.endDate.day+'日';
			this.start_time = endsat_time.startDate.month+'月'+endsat_time.startDate.day+'日';
			this.count_time =  endsat_time.countDays;
		},
		methods:{
			cenlenddate(){
				uni.navigateTo({
					url:'calendar'
				})
			},
			reserve(){
				uni.navigateTo({
					url:"reserve"
				})
			},
			mentdp:function(){
				uni.navigateTo({
					url:"evaluate"
				})
			},
			Telephone:function(){
				uni.navigateTo({
					url:"introduce"
				})
			},
			dateilslist:function(){
				uni.navigateTo({
					url:'hotel-dateils'
				})
			}
		}
	}
</script>

<style>
	@import "../../components/hotel/hotel-dateils";
	@import "../../common/iconfont.css";
	@font-face {
	       font-family: 'iconfont';
		    src: url('~@/static/iconfont.ttf');
	}
</style>
